.accountPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 7px;
    .account {
        display: flex;
        align-items: center;
        background-color: rgb(224, 230, 250);
        width: 280px;
        height: 27.6px;
        border-radius: 10px;
        border-color: transparent;
        outline: none;
        font-size: 15px;
        font-weight: 400;
        padding-left: 10px;
    }
    .account-holder {
        width: 90px;
        height: 27px;
        font-size: 17px;
        font-weight: 400;
    }
    .email{
        display: flex;
        align-items: center;
        background-color: rgb(224, 230, 250);
        width: 280px;
        height: 27.6px;
        border-radius: 10px;
        border-color: transparent;
        outline: none;
        font-size: 15px;
        font-weight: 400;
        padding-left: 10px;
        margin-top: 10px;
    }
    .password-box {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 295px;
        height: 30px;
        background-color: rgb(235, 239, 252);
        border-radius: 10px;
        border-color: transparent;
        outline: none;
        margin-top: 10px;
        .password {
            display: flex;
            align-items: center;
            background-color: rgb(224, 230, 250);
            width: 260px;
            height: 20px;
            border-color: transparent;
            border-radius: 10px;
            outline: none;
            font-size: 15px;
            font-weight: 400;
            padding-left: 10px;
        }
        .eye-close {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 16px;
            background: url('@/assets/eye-close.png');
            background-size: cover;
            margin-right: 10px;
        }
        .active {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 16px;
            background: url('@/assets/eye-open.png');
            background-size: cover;
            margin-right: 10px;
        }
    }
    .func-box{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 7px;
        .forget{
            width: 70px;
            height: 21px;
            color: rgb(128, 128, 128);
            font-size: 13px;
            font-weight: 400;
        }
    }
    .button{
        color: white;
    }
    .register{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 126px;
        height: 21px;
        font-size: 12px;
        font-weight: 400;
        margin-left: 85px;
        margin-top: 7px;
    }
}